@import '../../../../common/variables.less';

.visualComponents_theme_dark{
  .el-dropdown-menu{
    background-color: @darkThemeBgColor;
  }
  &.el-dropdown-menu{
    background-color: @darkThemeBgColor;
  }
  .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: @background_color_dark2;
  }
  .el-dropdown-menu__item {
    color: @darkThemeFontColor;
    background-color: @darkThemeBgColor;
    &:hover {
      background-color: @darkThemeSelectOptionsHoverBgColor;
      color: @darkThemeActiveFontColor;
    }
  }
  &.el-select-dropdown{
    border: 1px solid @droplist_border_color_dark;
    background-color: @droplist_bg_color_dark;
  }
  .el-select-dropdown__item{
    color: @selectOptionsBorderColor;
    &.hover, &:hover{
      background-color: @darkThemeSelectOptionsHoverBgColor;
      color: @darkThemeActiveFontColor;  
    }
    &.selected{
      color: @darkThemeFontColor;
    }
  }

}

.visualComponents_theme_real{
  .el-dropdown-menu{
    background-color: #232323;
  }
  &.el-dropdown-menu{
    background-color: #232323;
  }
  .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: #2d2d2d;
  }
  .el-dropdown-menu__item {
    color: #ccc;
    background-color: #232323;
    &:hover {
      background-color: @darkThemeSelectOptionsHoverBgColor;
      color: #fff;
    }
  }
  &.el-select-dropdown{
    border: 1px solid @droplist_border_color_dark;
    background-color: @droplist_bg_color_dark;
  }
  .el-select-dropdown__item{
    color: @selectOptionsBorderColor;
    &.hover, &:hover{
      background-color: @darkThemeSelectOptionsHoverBgColor;
      color: @darkThemeActiveFontColor;  
    }
    &.selected{
      color: @darkThemeFontColor;
    }
  }

}